
body{
    width: 100%;
    background-color: #9ae5ec34;
}
.tit{
    margin-top: 10px;
    box-shadow: 5px 3px 3px  rgba(58, 58, 92, 0.406);
    background-color: #eafcfe44;
    padding: 20px;
    border: 3px dotted #22899bf5;
    border-radius: 5px;
    font-size: 20px;
}
.content{
    list-style: none;
    padding: 20px;
    border: 1px dotted #22899bf5;
    margin: auto;
    margin: 10px;
    /* display: flex; */
    background-color: #ffffffc7;
    justify-content: center;
    align-items: center;
    text-align: center;
    
    
    
}
.cont{
    display: flex;
    flex-wrap: wrap;
}
.cont li{
    width: 100%;
    max-width: 450px;
    margin: 20px;
    background-color:#ffffff;
    border: 2px solid #475d64fb;
    border-radius: 2px;
    font-size: 25px;
    display: flex;
}
.cont li:hover{
    box-shadow: 5px 5px 5px  rgba(58, 58, 92, 0.406);
    transform: scale(1.05);
	transition: all 1s ease 0s;
				
}
.cont li img{
    width: 100%;
    height: 300px;
    
}
